<div class="layui-tab layui-tab-card online-source-box" >
	<div class="box-prompt-text">选择源类型添加图层</div>
	<ul class="layui-tab-title online-source-tab"  >
		<li class="imagery layui-this"><i></i>底图</li>
		<li class="road"><i></i>道路</li>
		<li class="terrain"><i></i>地形</li>
		<li class="area"><i></i>行政区</li>
	</ul>
	<div class="online-source-title">资源列表</div>
	<div class="layui-tab-content" style="padding:1px;height: calc(100% - 36px);">
		<div class="layui-tab-item layui-show" style="height: 100%;">
			<div class="layui-card" style="background: none;height: 100%;">
				<div class="layui-card-body" style="height:100%;border-bottom: 0px;padding: 1px;">
					<div class="OnlineMapList">
						<div class="content" id="select-scene-imagery-list">
<!-- 							<div class="item active" name="vmodel" >
								<div class="mapImge">
									<img  class="Thumbnail"  id="vmodel" src="#(ctx)/assets/img/videoFusion/vmodel.jpg" title='点击添加'>
									<i title="添加场景"></i>
								</div>
								<p>天地图全球影像</p>
							</div>	
							
							<div class="item " name="vmodel" >
								<div class="mapImge">
									<img  class="Thumbnail"  id="vmodel" src="#(ctx)/assets/img/videoFusion/vmodel.jpg" title='点击添加'>
									<i title="添加场景"></i>
								</div>
								<p>天地图全球影像</p>
							</div>	 -->							
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-tab-item online-source-list-item roadmarker-list layui-form" id="sceneMapRoad-source-item">
<!-- 			<div class="source-item">
				<div class="source-title">
					<span>天地图中文道路标注</span>
					<div style="float: right;">
						<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF" >
					</div>
				</div>
				<div class="source-des">天地图（国家地理信息公共服务平台）官方提供的全球道路标注服务</div>
			</div> -->	
				
		</div>
		<div class="layui-tab-item layui-form" id="sceneMapTerrain-source-item">
<!-- 			<div class="source-item">
				<div class="source-title">
					<span>天地图地形</span>
					<div style="float: right;">
						<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF" >
					</div>
				</div>
				<div class="source-des">全国地形数据，分辨率约为90m...</div>
			</div> -->		
		</div>
		<div class="layui-tab-item layui-form" id="sceneMapArea-source-item">
<!-- 			<div class="source-item">
				<div class="source-title">
					<span>天地图全球行政边界</span>
					<div style="float: right;">
						<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF" >
					</div>
				</div>
				<div class="source-des">天地图（国家地理信息公共服务平台）官方提供的全球基础行政区划服务</div>
			</div>
			<div class="source-item">
				<div class="source-title">
					<span>天地图全球行政边界</span>
					<div style="float: right;">
						<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF" >
					</div>
				</div>
				<div class="source-des">天地图（国家地理信息公共服务平台）官方提供的全球基础行政区划服务</div>
			</div>
			<div class="source-item">
				<div class="source-title">
					<span>天地图全球行政边界</span>
					<div style="float: right;">
						<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF" >
					</div>
				</div>
				<div class="source-des">天地图（国家地理信息公共服务平台）官方提供的全球基础行政区划服务</div>
			</div>
			<div class="source-item">
				<div class="source-title">
					<span>天地图全球行政边界</span>
					<div style="float: right;">
						<input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" lay-text="ON|OFF" >
					</div>
				</div>
				<div class="source-des">天地图（国家地理信息公共服务平台）官方提供的全球基础行政区划服务</div>
			</div> -->									
					
		</div>				
	</div>
</div>

<script id="sceneMapImageryScript" type="textml"> 
#[[
{{#  if(d && d.data.length>0){ }}
    {{#  layui.each(d.data, function(index, item){ }}
		{{#  if(item.checked){ }}
				<div class="item active" name="{{item.id?item.id:''}}" id="item-{{item.id?item.id:''}}">
		{{#  } else { }}
			<div class="item" name="{{item.id?item.id:''}}" id="item-{{item.id?item.id:''}}">
		{{# } }}
			<div class="mapImge">
				<img  class="Thumbnail"  id="{{item.id?item.id:''}}" src="{{d.ctx}}{{item.thumbnail?item.thumbnail:'/assets/img/videoFusion/vmodel.jpg'}}" title='点击添加'>
				<i title="添加场景" id="{{item.id?item.id:''}}"></i>
			</div>
			<p>{{item.name?item.name:''}}</p>
		</div>	

    {{#  }); }}
{{#  } }} 
]]# 
</script>

<script id="sceneMapRoadScript" type="text/html"> 
#[[
{{#  if(d && d.data.length>0){ }}
    {{#  layui.each(d.data, function(index, item){ }}
			<div class="source-item">
				<div class="source-title">
					<span>{{item.name?item.name:''}}</span>
					<div style="float: right;">
						{{#  if(item.checked){ }}
							<input  id="{{item.id?item.id:''}}" type="checkbox"  checked=""  lay-skin="switch" lay-filter="sceneMapRoadSwitch" lay-text="ON|OFF" >
						{{#  } else { }}
							<input  id="{{item.id?item.id:''}}" type="checkbox"  lay-skin="switch" lay-filter="sceneMapRoadSwitch" lay-text="ON|OFF" >
						{{# } }}
					</div>
				</div>
				<div class="source-des">{{item.remark?item.remark:''}}</div>
			</div>
    {{#  }); }}
{{#  } }} 
]]#
</script>

<script id="sceneMapTerrainScript" type="textml"> 
#[[
{{#  if(d && d.data.length>0){ }}
    {{#  layui.each(d.data, function(index, item){ }}
			<div class="source-item">
				<div class="source-title">
					<span>{{item.name?item.name:''}}</span>
					<div style="float: right;">
						{{#  if(item.checked){ }}
							<input  id="{{item.id?item.id:''}}" type="checkbox"  checked=""  lay-skin="switch" lay-filter="sceneMapTerrainSwitch" lay-text="ON|OFF" >
						{{#  } else { }}
							<input  id="{{item.id?item.id:''}}" type="checkbox"  lay-skin="switch" lay-filter="sceneMapTerrainSwitch" lay-text="ON|OFF" >
						{{# } }}
					</div>
				</div>
				<div class="source-des">{{item.remark?item.remark:''}}</div>
			</div>
    {{#  }); }}
{{#  } }} 
]]#
</script>

<script id="sceneMapAreaScript" type="textml"> 
#[[
{{#  if(d && d.data.length>0){ }}
    {{#  layui.each(d.data, function(index, item){ }}
			<div class="source-item">
				<div class="source-title">
					<span>{{item.name?item.name:''}}</span>
					<div style="float: right;">
						{{#  if(item.checked){ }}
							<input  id="{{item.id?item.id:''}}" type="checkbox"  checked=""  lay-skin="switch" lay-filter="sceneMapAreaSwitch" lay-text="ON|OFF" >
						{{#  } else { }}
							<input  id="{{item.id?item.id:''}}" type="checkbox"  lay-skin="switch" lay-filter="sceneMapAreaSwitch" lay-text="ON|OFF" >
						{{# } }}
					</div>
				</div>
				<div class="source-des">{{item.remark?item.remark:''}}</div>
			</div>
    {{#  }); }}
{{#  } }} 
]]#
</script>
 